<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html id="myhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<title>商城安全-找回密码</title>
<!-- 网站图标@xu_cc -->
<link rel="icon" href="<%=basePath%>/statics/images/jx.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<%=basePath%>/statics/images/jx.ico" type="image/x-icon" />
<link rel="bookmark" href="<%=basePath%>/statics/images/jx.ico" type="image/x-icon" />

<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/css/style.css" />
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/css/public.css" />

<link href="<%=basePath%>/statics/css/bootstrap.min.css" rel="stylesheet">
<link href="<%=basePath%>/statics/css/font-awesome.min.css" rel="stylesheet">
<link href="<%=basePath%>/statics/css/custom.css" rel="stylesheet">
<script type="text/javascript">
    //系统域名 
    var rootPath = '<%=basePath%>';
</script>

<!-- jQuery -->
<script type="text/javascript" src="<%=basePath%>/statics/js/jquery.1.11.3.min.js"></script>
<!-- Bootstrap -->
<script type="text/javascript" src="<%=basePath%>/statics/js/bootstrap.min.js"></script>
<!-- Custom Scripts -->
<script type="text/javascript" src="<%=basePath%>/statics/js/custom.js"></script>
<!-- layer -->
<script type="text/javascript" src="<%=basePath%>/statics/plugins/layer/layer.js"></script>

</head>
<style type="text/css">
* {
	font-size: 14px;
}

#uimgDiv img {
	width: 90%;
	height: 34px;
}

.header {
	height: 110px;
}

.regrow {
	line-height: 34px;
	height: 3px;
	margin-bottom: 0px;
}

.regtitle {
	line-height: 34px;
	text-align: right;
	vertical-align: middle;
	padding-right: 10px;
}

.regcell {
	text-align: left;
	line-height: 34px;
	vertical-align: middle;
	background-color: white;
	line-height: 34px;
}

.regcell input {
	border: none;
	padding: 0 0 0 0;
}

dl {
	float: left;
	position: relative;
	width: 160px;
	top: -5px;
	border-top: 5px solid #ccc;
}

.done .s-text {
	color: #caecb6;
}

.s-text {
	color: #ccc;
}

dl.doing {
	border-top-color: #7abd54;
}

.doing.last .s-num {
	background-position: -91px 0;
}

.doing .s-num {
	background-position: -23px 0;
}

.doing .s-text {
	color: #7abd54;
}

.s-num {
	position: relative;
	margin: -15px auto 0;
	color: #fff;
	font-weight: 700;
	width: 23px;
	height: 23px;
	background-image: url('<%=basePath%>/statics/images/step2017.png');
	line-height: 23px;
}
</style>
<!-- root -->

<body>
	<c:if test="${null eq type }">
		<c:set var="type" value="ucode" />
	</c:if>

	<!-- 头部 -->
	<div class="login_header">
		<div class="login_header_con">
			<h1>
				<a href="<%=basePath%>/pc/index"><img src="<%=basePath%>/statics/images/logo2.png" /></a><em>我的商城</em>
			</h1>
			<p>
				<%--
					<a href="<%=basePath%>/home/loginPage">登录</a>
				 --%>
			</p>
		</div>
	</div>

	<div id="sflex04" style="width: 640px; border-top: 5px solid #ccc; text-align: center; margin: 30px auto;">
		<dl class="first <c:if test="${step == 1 }"> doing</c:if> <c:if test="${step > 1 }"> done</c:if>">
			<dt class="s-num">1</dt>
			<dd class="s-text">
				填写账户名<s></s><b></b>
			</dd>
			<dd></dd>
		</dl>
		<dl class="normal  <c:if test="${step == 2 }"> doing</c:if> <c:if test="${step > 2 }"> done</c:if>">
			<dt class="s-num">2</dt>
			<dd class="s-text">
				验证身份<s></s><b></b>
			</dd>
		</dl>
		<dl class="normal <c:if test="${step == 3 }"> doing</c:if> <c:if test="${step > 3 }"> done</c:if>">
			<dt class="s-num">3</dt>
			<dd class="s-text">
				设置新密码<s></s><b></b>
			</dd>
		</dl>
		<dl class="last <c:if test="${step == 4 }"> doing</c:if> <c:if test="${step > 3 }"> done</c:if>">
			<dt class="s-num">&nbsp;</dt>
			<dd class="s-text">
				完成<s></s><b></b>
			</dd>
		</dl>
	</div>


	<center>
		<div style="width: 60%;">
			<c:choose>
				<c:when test="${step == 1 }">
					<form id="oneForm" name="oneForm" class="form-horizontal form-label-left" method="post" action="<%=basePath%>/home/doFindPwd">
						<input type="hidden" name="step" value="1">
						<table style="width:500px;">
							<tr>
								<td>用&nbsp;户&nbsp;名</td>
								<td>
									<input id="userCode" name="userCode" validate="{required:true}" type="text" placeholder="手机号" 
									style="padding-left: 25px;line-height:28px;width:300px;border:1px solid #ccc;padding:2px;">
								</td>
							</tr>
							<tr>
								<td>
									
								</td>
								<td>
									<input id="btnSubOne" type="button" value="提交" class="btn btn-danger col-md-4" 
										style="margin:2px 0px;margin-top:5px;width:200px;" />
								</td>
							</tr>
						</table>
					</form>
				</c:when>
				<c:when test="${step == 2 }">
					<form id="twoForm" name="twoForm"  method="post" action="<%=basePath%>/home/doFindPwd">
						<input type="hidden" name="step" value="2">
						<table style="width:600px;">
							<tr>
								<td>
									验证手机：
								</td>
								<td>
									<label>${mobileShow }</label> 
										<a href="#" style="color:#dd2726; padding-left: 30px;">
										<%--
										<i class="glyphicon glyphicon-phone-alt"></i>若该手机号已无法使用请联系客服
										--%>
										</a>
								</td>
							</tr>
							<tr>
								<td>
									短信验证码：
								</td>
								<td>
									<input type="text" class="form-control col-md-6 col-xs-6" id="mobileCode" name="mobileCode" 
										placeholder="短信验证码" style="padding-left: 25px;width:250px;" />
									<input type="button" class="btn col-md-4" style="margin-left:10px;width:150px;" value="发送验证码" id="btnSendMobileCode" />
								</td>
							</tr>
							<tr>
								<td>
								</td>
								<td style="padding-top:10px;">
									<input type="hidden" id="userId" name="userId" value="${id }"> 
									<input type="hidden" id="userCode" name="userCode" value="${userCode }">
									<input type="hidden" id="userName" name="userName" value="${userName }"> 
									<input type="hidden" id="passwordSalt" name="passwordSalt" value="${passwordSalt }"> 
									<input type="hidden" id="mobile" name="mobile" value="${mobile }"> 
									<input id="btnSubTwo" type="button" value="提交" class="btn btn-danger col-md-4" style="width:200px;" />
								</td>
							</tr>
						</table>
					</form>
				</c:when>
				<c:when test="${step == 3 }">
					<form id="threeForm" name="threeForm" class="form-horizontal form-label-left" method="post" action="<%=basePath%>/home/doFindPwd">
						<input type="hidden" name="step" value="3">
						
						
						<table style="width:500px;">
							<tr>
								<td>
									设置密码
								</td>
								<td>
									<input id="password" name="password"  type="password" placeholder="建议只是使用两种字符组合"
										style="margin:5px;padding-left: 25px;line-height:28px;width:250px;border:1px solid #ccc;padding:2px;">
								</td>
							</tr>
							<tr>
								<td>
									确认密码
								</td>
								<td>
									<input id="passwordConfirm" name="passwordConfirm"  type="password" placeholder="请再次输入密码"
										style="margin:5px;padding-left: 25px;line-height:28px;width:250px;border:1px solid #ccc;padding:2px;">
								</td>
							</tr>
							<tr>
								<td></td>
								<td>
									<input type="hidden" id="userId" name="userId" value="${id }" /> 
									<input type="hidden" id="userCode" name="userCode" value="${userCode }" />
									<input type="hidden" id="userName" name="userName" value="${userName }" /> 
									<input type="hidden" id="passwordSalt" name="passwordSalt" value="${passwordSalt }" /> 
									<input type="hidden" id="mobile" name="mobile" value="${mobile }" /> 
									<input id="btnSubThree" type="button" value="提交" onclick="javascript: doResetPwd();" 
										class="btn btn-danger col-md-4" style="margin:5px;width：200px;" />
								</td>
							</tr>
						</table>
					</form>
				</c:when>
				<c:when test="${step == 4 }">
					<div class="item form-group regrow">
						<br /> <input type="hidden" name="step" value="${step }"> <label>密码重置成功，请</label><a href="<%=basePath%>/home/loginPage"
							style="color: #dd2726; font-weight: bold;">登录</a> <br />
					</div>
				</c:when>
			</c:choose>
			<c:if test="${step != 4 }">
				<label style="color: red;">${error }</label>
			</c:if>
		</div>
	</center>

	<!-- 页尾版权 -->
	<center>
		<div style="position: fixed; bottom: 20px; left: 25%; text-align: center; width: 50%;">
			<div id="footer-2017">
				<div>
					<a rel="nofollow" target="_blank" href="#"> <font>关于我们</font>
					</a> | <a rel="nofollow" target="_blank" href="#"> <font>联系我们</font>
					</a> | <a rel="nofollow" target="_blank" href="#"> <font>人才招聘</font>
					</a> | <a rel="nofollow" target="_blank" href="#"> <font>商家入驻</font>
					</a> | <a rel="nofollow" target="_blank" href="#"> <font>广告服务</font>
					</a> | <a rel="nofollow" target="_blank" href="#"> <font>手机商城</font>
					</a> | <a target="_blank" href="#"> <font>友情链接</font>
					</a> | <a target="_blank" href="#"> <font>销售联盟</font>
					</a> | <a href="#" target="_blank"> <font>商城社区</font>
					</a> | <a href="#" target="_blank"> <font>商城公益</font>
					</a>
				</div>
				<div class="copyright">Copyright&nbsp;©&nbsp;2017&nbsp;&nbsp;商城JX.com&nbsp;版权所有</div>
			</div>
		</div>
	</center>
	<script type="text/javascript" src="<%=basePath%>/statics/js/jquery.form.js"></script>
	<script type="text/javascript" src="<%=basePath%>/statics/js/jquery.validate.js"></script>
	<script type="text/javascript" src="<%=basePath%>/statics/js/jquery.metadata.js"></script>
	<script type="text/javascript" src="<%=basePath%>/js/home/findPwd.js?time=20180508"></script>
</body>
</html>